<%@ page pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@include file="../tld.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>支付</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入公用样式 -->
    <link rel="stylesheet" href="../../../static/sass/common/ydui.css" />
    <link rel="stylesheet" href="../../../static/stylesheets/user/order.css" />
    <!-- 引入自适应解决方案类库 -->
    <script src="../../../static/scripts/libs/ydui.flexible.js"></script>
</head>
<body>
    <div class="g-flexview">
        <!-- 主体内容开始 -->
        <section class="content_box">
            <div class="m-cell">
                <a class="cell-item" href="javascript:;">
                    <div class="cell-left">选择支付方式</div>
                    <div class="cell-right cell-arrow"></div>
                </a>
            </div>
            <div class="m-cell">
                <label class="cell-item">
                    <div class="cell-left"><img style="width:18px; height:18px;" src="../../../static/assets/icon/ico_money.png" alt="">&nbsp;&nbsp;微信支付</div>
                    <label class="cell-right">
                        <input type="radio" name="checkbox"/>
                        <i class="cell-checkbox-icon"></i>
                    </label>
                </label>
                <label class="cell-item">
                    <div class="cell-left"><img style="width:18px; height:18x;" src="../../../static/assets/icon/ico_wx.png" alt="">&nbsp;&nbsp;余额<span style="color:#e37631;">&nbsp; ￥100.00</span></div>
                    <label class="cell-right">
                        <input type="radio" name="checkbox"/>
                        <i class="cell-checkbox-icon"></i>
                    </label>
                </label>
            </div>
        </section>

    </div>
    <!-- 引入jQuery 2.0+ -->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- 引入YDUI脚本 -->
    <script src="../../../static/scripts/libs/ydui.citys.js"></script>
    <script src="../../../static/scripts/libs/ydui.js"></script>

    <script>
        var $tab = $('#J_Tab');

        $tab.tab({
            nav: '.tab-nav-item',
            panel: '.tab-panel-item',
            activeClass: 'tab-active'
        });

        $tab.find('.tab-nav-item').on('open.ydui.tab', function (e) {
            console.log('索引：%s - [%s]正在打开', e.index, $(this).text());
        });

        $tab.find('.tab-nav-item').on('opened.ydui.tab', function (e) {
            console.log('索引：%s - [%s]已经打开了', e.index, $(this).text());
        });
    </script>
</body>

</html>
